<template>
	<view class="page">
		<view class="top">
			<view class="uni-padding-wrap uni-common-mt ">
				<uni-segmented-control :current="current" :values="items" :style-type="styleType" :active-color="activeColor" />
			</view>
			<view class="list"><navigator url="selfDescription"><text>列表</text></navigator></view>
		</view>
		<view class="content">
			<navigator url="question"><image src="http://yao.hayzon.com/static/model/bj.png" mode="widthFix"></image></navigator>
			
			<!-- <navigator class="xx" url="question"></navigator> -->
		</view>
	</view>
</template>

<script>
	import uniSegmentedControl from '@/components/uni-segmented-control/uni-segmented-control.vue'

	export default {
		components: {
			uniSegmentedControl
		},
		data() {
			return {
				items: ['男', '女', '儿童'],
				activeColor: '#eb6350',
				styleType: 'button'
			}
		},
		methods: {}
	}
</script>

<style>
	page {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}

	view {
		font-size: 28upx;
		line-height: inherit
	}

	.page {
		background-color: #fff;
		margin-top: 5upx;
		padding-top: 10upx;
		width: 100%;
	}
	.top{ display: flex; }
	.list{
		background-image:url('http://yao.hayzon.com/static/model/btn-bj.png');
		background-size: 100%;
		background-repeat: no-repeat;
		margin-top: 35upx;
		width: 160upx;
		color: #fff;
		margin-right: 40upx;
	}
	.list text{ margin-left: 50upx;line-height: 60upx;}
	.content {
		margin-top: 30upx;
		height: 1100upx;
	}
	.content image{ width: 100%;}
	.xx{
		width: 200upx;
		height: 200upx;
		position: absolute;
		top:400upx;
	}
</style>
